<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>导入场地考试成绩</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
</head>

<body>
<div style="padding:20px">
    <div style="margin-left: 20px;margin-bottom: 20px;">

        <i class="layui-icon">&#xe67c;</i>
        <span>下载模板</span>
    </div>
    <span style="margin-left: 40px;padding-bottom:32px">为提高导入的成功率，请下载并使用系统提供的模板</span><br>
    <form class="layui-form layui-input-inline" action="" style="margin-left: 40px;margin-top: 20px;">
        <div class="layui-input-inline">
            <select id="level" name="level" lay-filter="level">
                <option value="">请选择导入等级</option>
                <option value="1">1级</option>
                <option value="2">2级</option>
                <option value="3">3级</option>
                <option value="4">4级</option>
                <option value="5">5级</option>
                <option value="6">6级</option>
                <option value="7">7级</option>
                <option value="8">8级</option>
                <option value="9">9级</option>
                <option value="10">10级</option>
            </select>
        </div>
    </form>
    <button style="margin-left: 40px;margin-top:20px" class="layui-btn downLoadModel">下载模板</button>
</div>
<div style="padding:20px">
    <div style="margin-left: 20px;margin-bottom: 20px;">
        <i class="layui-icon">&#xe67c;</i>
        <span>上传文件</span>
    </div>
    <span style="margin-left: 40px;padding-bottom:32px">仅支持xlsx,xls,文件大小≤4M</span><br>
    <div style="display: flex;margin-top:10px;width: 440px;">
        <input type="text" class="layui-input" id="fileName" placeholder="上传文件" style="margin:0 32px" id="test2">
        <button type="button" class="layui-btn" id="test1">选择文件</button>
    </div>
</div>
<div style="text-align: center;">
    <button class="layui-btn" id="testListAction">开始导入</button>
</div>

<script src="../js/export.js"></script>
<script>
    var level
    layui.use(['upload', 'form'], function () {
        var upload = layui.upload;
        var form = layui.form;

        form.on('select(level)', function (data) {
            level = data.value; //得到被选中的值
        });
        //执行实例
        var uploadInst = upload.render({
            elem: '#test1',
            url: uploadFieldExamination, //导入
            method: "post",
            accept: "file", //允许上传的文件类型
            exts: 'xlsx|xls', //上传的文件后缀.只能是xlsx和xls格式
            size: 4 * 1024, //设置文件最大可允许上传的大小，单位 KB
            auto: false, //选择文件后不自动上传
            bindAction: '#testListAction', //指定一个按钮触发上传
            choose: function (obj) {
                if ($("#level").val() == "" || $("#level").val() == undefined) {
                    layer.msg("请选择需导入的考试等级")
                    return false
                }
                // //将每次选择的文件追加到文件队列
                // var files = obj.pushFile();
                var flag = true;
                //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                obj.preview(function (index, file, result) {
                    // console.log(index); //得到文件索引
                    console.log(file); //得到文件对象
                    // console.log(result); //得到文件base64编码，比如图片
                    $("#fileName").val(file.name)
                    //obj.resetFile(index, file, '123.jpg'); //重命名文件名，layui 2.3.0 开始新增

                    //这里还可以做一些 append 文件列表 DOM 的操作

                    //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                    //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
                });
            },
            before: function (obj) {
                layer.load();
                this.data.level = {
                    'level': level
                };
                this.data.level = JSON.stringify(this.data.level)
            },
            //上传接口 //绑定元素
            done: function (res) {
                //上传完毕回调
                layer.closeAll('loading');
                console.log(res)
                if (res.msg == 0) {
                    //do something （比如将res返回的图片链接保存到表单的隐藏域）
                    layer.alert("导入成功", function () {
                        parent.location.reload() //父窗口刷新数据
                        var index = parent.layer.getFrameIndex(window
                            .name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                    })
                } else if (res.msg == 1) {
                    parent.location.reload() //父窗口刷新数据
                    //自定义标题栏
                    var title =[];
                    if(level=='1'||level=='2'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项综合障碍跑', "踢挡板接球转身后的（挡板）二过一后一脚球射门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='3'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项正方形冲刺跑', "正面过标志物后踢挡板后两脚球射门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='4'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项“T”型跑', "带球“T”型跑",  "踢挡板传接球转身",  "定点快速运球踢挡板反弹到指定区域后两脚射门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='5'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项折返跑', "带球折线向前",  "定点距离一脚连续传接",  "定点带球到指定区域射门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='6'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项折返跑', "带球方形折线跑",  "定点传接球",  "定点射门中上角",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='7'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '专项绕杆跑', "带球快速绕杆",  "定点射门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='8'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '505专项跑', "5米带球快速折返",  "5米脚弓推射两球门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='9'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '双脚连续跳', "10米带球进目标区域",  "5米脚射目标门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }else if(level=='10'){
                        title = ['姓名', '身份证号', '考试时间', '地点', '单脚站立', "5米带球进目标区域",  "3米脚射目标门",  "是否通过", "申请等级",'考核老师','考核老师联系方式']
                    }
                    //自定义过滤栏（不需要导出的行）
                    var filter = []

                    //原始导出
                    JSONToExcelConvertor(res.errorList, "场地考试导入失败", title, filter);
                } else {
                    layer.msg(res.msg)
                }
            },
            error: function () {
                //请求异常回调
                layer.closeAll('loading');
                layer.msg('网络异常，请稍后重试！');
            }
        });
    });
    $(".downLoadModel").on("click", function () {
        if ($("#level").val() == "" || $("#level").val() == undefined) {
            layer.msg("请选择下载模板的等级")
            return false
        }
        window.location.href = downLoad + "?level=" + $("#level").val();
    })
</script>
</body>

</html>